* {
    margin:0px;
    padding:0px;
  }

  #header {
    margin:auto;
    width:100%;/*********500px;*/
    max-width: 1000px;/**/
    font-family:Arial, Helvetica, sans-serif;
  }



/*************************START NAV**************************/

  ul, ol {
    list-style:none;/*it removes the underline*/
  }

  .nav_mine > li {
    float:left;
  }

  .nav_mine li a {
    background-color:#000;
    /*background-color: #607d8b;*/
    color:#fff;
    text-decoration:none;
    padding:8px 16px;
    display:block;/*it this makes it descending*/
  }

  .nav_mine li a:hover {
    background-color:#2196F3;/*it change the background's color*/
    height: 100%;
    weight: 100%;
  }

  .nav_mine li ul {
    display:none;
    position:absolute;
    min-width:300px;

  }

  .nav_mine li:hover > ul {
    display:block;


  }

  .nav_mine li ul li {
    position:relative;
  }

  .nav_mine li ul li ul {
    right:-300px;
    top:0px;
  }

  .fullscrem{
    width:100%;
    background:black;
    position:fixed;
    align-items: top;
    padding:8px;
    text-align:left;

  }

/*************************END NAV**************************/



  @media (max-width:600px) {
  	/*body {
  	 background: #0000ff;

  	}*/
    .mobile-screem{
      position:relative;
      display: none;
    }

  }

  @media (min-width:600px) {
  	/*body {
  	 background: #ff0000;
  	}*/

  }






  /* NOTE: here stars bootstrap4 for Make the image fully responsive  */
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }
  /* NOTE: here ends bootstrap4 for Make the image fully responsive  */


















/* NOTE: tablet list filter */

    * {
      box-sizing: border-box;
    }

    #myInput {
      /*background-image: url('/css/searchicon.png');*/
      /*background-position: 10px 10px;*/
      background-repeat: no-repeat;
      /*width: 80%;*/
      font-size: 14px;
      padding: 12px 20px 12px 40px;
      border: 1px solid #ddd;
      margin-bottom: 12px;
      border: 2px solid #2196F3;
    }

    #myTable {
      border-collapse: collapse;
      width: 80%;
      border: 1px solid #000000;
      font-size: 12px;
    }

    #myTable th, #myTable td {
      text-align: left;
      padding: 12px;
    }

    #myTable tr {
      border: 1px solid #000000;
    }

    #myTable tr.header, #myTable tr:hover {
      background-color: #2196F3;
    }
/* NOTE: tablet list filter */


/* NOTE: here stars the footer_list */
.footer_list{
  background-color: #b3e5fc ; /*brown lighten-5*/
}
/* NOTE: here ends the footer_list */


/* NOTE: here stars the header_list */
.header_list{
  background-color: #fafafa;  /*grey lighten-5*/
}
/* NOTE: here ends the header_list */